



<div class="panel_head">
	<h1>日期控件</h1>
</div>
<hr/>
<div class="panel_box">
	<div class="panel_content nopadding">
		<div class="panel_title">
			<span class="panel_icon"><i class="icon icon_bookmark"></i></span>
			<h5>日历控件</h5>
		</div>
		<div class="form_item">
			<label class="form_label">默认格式：</label>
			<div class="form_ctrl">
				<input type="text" name="date1" class="date dateicon" readonly="readonly"/>
				<span class="help-block">yyyy-MM-dd</span>
			</div>
		</div>
		<div class="form_item">
			<label class="form_label">定义日期范围：</label>
			<div class="form_ctrl">
				<input type="text" name="date2" value="2000-01-15" class="date dateicon" minDate="2000-01-15" maxDate="2012-12-15" readonly="readonly"/>
			</div>
		</div>
		<div class="form_item">
			<label class="form_label">动态参数minDate：</label>
			<div class="form_ctrl">
				<input type="text" name="date5" class="date dateicon" dateFmt="dd/MM/yy" minDate="{%y-10}-%M-%d" maxDate="{%y}-%M-{%d+1}"/>
				<span class="help-block">dd/MM/yy</span>
			</div>
		</div>
		<div class="form_item">
			<label class="form_label">自定义日期格式：</label>
			<div class="form_ctrl">
				<input type="text" name="date3" class="date dateicon" dateFmt="yyyy/MM/dd" minDate="2000-01" maxDate="2012-06" readonly="readonly" />
				<span class="help-block">yyyy/MM/dd</span>
			</div>
		</div>
		<div class="form_item">
			<label class="form_label">自定义日期格式：</label>
			<div class="form_ctrl">
				<input type="text" name="date4" class="date dateicon" dateFmt="dd/MM/yyyy" minDate="2000" maxDate="2012" readonly="readonly"/>
				<span class="help-block">dd/MM/yyyy</span>
			</div>
		</div>
		<div class="form_item">
			<label class="form_label">自定义日期格式：</label>
			<div class="form_ctrl">
				<input type="text" name="date6" class="date dateicon" dateFmt="yyyyMMdd" minDate="2000-01-01" maxDate="2020-12-31"/>
				<span class="help-block">yyyyMMdd</span>
			</div>
		</div>
		<div class="form_item">
			<label class="form_label">自定义日期格式：</label>
			<div class="form_ctrl">
				<input type="text" name="date7" class="date dateicon" dateFmt="yyyy年MM月dd日" minDate="2000-01-01" maxDate="2020-12-31"/>
				<span class="help-block">yyyy年MM月dd日</span>
			</div>
		</div>
		<div class="form_item">
			<label class="form_label">自定义日期格式：</label>
			<div class="form_ctrl">
				<input type="text" name="date8" class="date dateicon" dateFmt="y年M月d日" minDate="2000-01-01" maxDate="2020-12-31"/>
				<span class="help-block">y年M月d日</span>
			</div>
		</div>
	</div>
</div>
<div class="panel_box">
	<div class="panel_title">
		<span class="panel_icon"><i class="icon icon_bookmark"></i></span>
		<h5>日期 + 时间</h5>
	</div>
	<div class="panel_content nopadding">
		<div class="form_item">
			<label class="form_label">自定义日期格式：</label>
			<div class="form_ctrl">
				<input type="text" name="date10" class="date dateicon" dateFmt="yyyy-MM-dd HH:mm:ss" readonly="readonly"/>
				<span class="help-block">yyyy-MM-dd HH:mm:ss</span>
			</div>
		</div>
		<div class="form_item">
			<label class="form_label">自定义日期格式：</label>
			<div class="form_ctrl">
				<input type="text" name="date11" class="date dateicon" dateFmt="yyyy-MM-dd HH:mm" readonly="readonly"/>
				<span class="help-block">yyyy-MM-dd HH:mm</span>
			</div>
		</div>
		<div class="form_item">
			<label class="form_label">自定义日期格式：</label>
			<div class="form_ctrl">
				<input type="text" name="date12" class="date dateicon" dateFmt="yyyy-MM-dd HH:ss" readonly="readonly"/>
				<span class="help-block">yyyy-MM-dd HH:ss</span>
			</div>
		</div>
		<div class="form_item">
			<label class="form_label">自定义日期格式：</label>
			<div class="form_ctrl">
				<input type="text" name="date13" class="date dateicon" dateFmt="y年M月d日 H点" readonly="readonly"/>
				<span class="help-block">y年M月d日 H点</span>
			</div>
		</div>
		<div class="form_item">
			<label class="form_label">自定义日期格式：</label>
			<div class="form_ctrl">
				<input type="text" name="date14" class="date dateicon" dateFmt="EEE HH:mm:ss" readonly="readonly"/>
				<span class="help-block">EEE HH:mm:ss</span>
			</div>
		</div>
		<div class="form_item">
			<label class="form_label">自定义只有时间：</label>
			<div class="form_ctrl">
				<input type="text" name="date15" class="date dateicon" dateFmt="HH:mm:ss" readonly="readonly"/>
				<span class="help-block">HH:mm:ss</span>
			</div>
		</div>
		<div class="form_item">
			<label class="form_label">自定义时间：</label>
			<div class="form_ctrl">
				<input type="text" name="date16" class="date dateicon" dateFmt="HH:mm" mmStep="15" readonly="readonly"/>
				<span class="help-block">HH:mm</span>
			</div>
		</div>
	</div>
</div>
<div class="panel_box">
	<div class="panel_content">
		<p>定义日期范围属性minDate,maxDate静态格式y-M-d或y-M或y，支持以下几种写法：</p>
		<p><code>minDate="2000-01-15" maxDate="2012-12-15"</code></p>
		<p><code>minDate="2000-01" maxDate="2012-12"</code></p>
		<p><code>minDate="2000" maxDate="2012"</code></p>
		<hr/>
		<p>定义日期范围属性minDate,maxDate动态态格式%y-%M-%d或%y-%M或%y，支持以下几种写法：</p>
		<p><code>minDate="{%y-10}-%M-%d" maxDate="{%y}-%M-{%d+1}"</code></p>
		<p><code>minDate="{%y-10}-%M" maxDate="{%y+10}-%M"</code></p>
		<p><code>minDate="{%y-10}" maxDate="{%y+10}"</code></p>
	</div>
</div>